<template>
	<view class="mine-card">
		<uni-badge type="error" size="small" :text="text" absolute="rightTop">
			<image class="mine-card__image" :src="src"></image>
		</uni-badge>
		<view class="font-size__12">
			<text>{{ name }}</text>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';

defineProps({
	text: {
		type: String,
		default: undefined
	},
	src: {
		type: String,
		default: undefined
	},
	name: {
		type: String,
		default: undefined
	}
});
</script>

<style lang="scss" scoped>
.mine-card {
	display: grid;
	align-items: center;
	justify-content: center;
	width: 118rpx;
	padding: 30rpx 0;
	text-align: center;
}
.mine-card__image {
	width: 52rpx;
	height: 52rpx;
}
.font-size__12 {
	display: flex;
	align-items: center;
	font-size: 24rpx;
}
</style>
